@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#f5f5f5;}
body { max-width:1920px; min-height:100%; margin:0 auto; background:#fff; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img,iframe { border:0;}
u { text-decoration:none;}
i { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#e5b25e;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:8px 10px; border:#ccc 1px solid; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
video { background:#333; font:0/0 arial;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
input.white::-webkit-input-placeholder,input.white::-moz-placeholder,input.white:-moz-placeholder,input.white:-ms-placeholder { color:rgba(255,255,255,1);}
::-webkit-scrollbar { width:10px; height:10px;}
::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:transparent 2px solid; border-radius:10px; background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.5);}
::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);}
::-ms-clear,::-ms-reveal { display:none;}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none !important;}
.display { display:block !important;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.slides,.banner .imgs,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

/**头部和尾部**/
header { width:100%; height:90px; position:relative; z-index:150;}
header:before { width:200%; height:100%; content:""; background:url(../images/bg_header.png); position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}

header .logo { height:70px; font:0/0 Arial; position:absolute; top:50%; left:60px; margin-top:-35px; z-index:10;}
header .logo img { height:100%;}

header .nav { height:100%; position:absolute; top:0; right:220px; z-index:30;}
header .nav>li { height:100%; margin-left:1px; line-height:90px; font-size:18px; overflow:visible;}
header .nav>li>a { float:left; height:100%; padding:0 30px; color:#fff; position:relative;}
header .nav>li:hover>a,header .nav>li>a.active { color:#e5b25e;}
header .nav>li:hover>a:before { width:100%;}

header .icon { height:40px; position:absolute; top:50%; right:60px; margin-top:-20px; z-index:20;}
header .icon li { width:40px; height:100%; margin-left:8px; position:relative; cursor:pointer; overflow:visible;}
header .icon li i { width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .icon li i:before { width:22px; height:22px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.search { width:21px;}
header .icon li.search i:before { background-position:0 0;}
header .icon li.search:hover i:before { background-position:0 -25px;}

header .icon li.header_search { width:170px; height:50px; margin:0; overflow:hidden; position:absolute; top:50%; right:100%; margin-top:-25px; margin-right:-39px; z-index:30; opacity:0; visibility:hidden;}
header .icon li.header_search:after { width:21px; height:22px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:25;}
header .icon li.header_search input { position:absolute;}
header .icon li.header_search input[type=text] { width:calc(100% - 2px); height:calc(100% - 13px); padding-bottom:1px; background:none; border:#fff 1px solid; border-radius:20px; text-indent:10px; top:5px; left:0; z-index:10;}
header .icon li.header_search input[type=text]:focus { border-color:#c37715; color:#c37715;}
header .icon li.header_search input[type=submit] { width:40px; height:40px; background:none; border:0; top:5px; right:0; z-index:30; cursor:pointer;}
header .icon li.header_search.open { opacity:1; visibility:visible;}

header .header_mask { width:1920px; height:100%; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px; z-index:15; display:none;}

footer { width:calc(100% - 480px); height:280px; padding:0 240px; margin-top:70px !important; color:#fff; position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#2c2827; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { width:calc(100% - 480px); padding:0 240px; position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

footer a { color:#fff;}
footer a:hover { color:#e5b25e;}

footer>ul { position:relative; z-index:20;}

footer .link { width:100%; margin:70px 0 30px; line-height:16px; font-size:16px;}
footer .link li { height:100%; padding-left:40px; display:inline-block; position:relative;}
footer .link li:first-child { padding:0;}
footer .link li a { float:left; height:100%;}

footer .copyright { width:100%; line-height:28px; font-size:14px;}
footer .copyright p { width:100%;}
footer .copyright span { margin-right:20px;}

footer .ewm { position:absolute; top:70px; right:240px;}
footer .ewm li { width:120px; margin-left:30px;}
footer .ewm li p { float:left; width:100%; text-align:center; overflow:hidden;}
footer .ewm li .img { height:120px;}
footer .ewm li .img.mb { width:108px; height:108px; border:#fff 6px solid;}
footer .ewm li .txt { margin-top:4px; font-size:14px;}

#fixed_right { width:60px; position:fixed; top:50%; right:20px; transform:translateY(-50%); z-index:200;}
#fixed_right>div { float:left; width:100%; height:60px; margin:5px 0; position:relative; overflow:visible; transition:all .3s; opacity:0; transform:translateX(100%); visibility:hidden;}
#fixed_right>div a { height:100%; background:#2c2827; border-radius:100%; display:block; position:relative; z-index:20; transition:all .3s;}
#fixed_right>div p { position:absolute;}
#fixed_right>div .name { width:100%; height:100%; font:0/0 arial; top:50%; left:0; transform:translateY(-50%);}
#fixed_right>div .name:before { width:30px; height:30px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#fixed_right>div.tel .txt { padding-right:15px; font-size:18px; color:#2c2827; top:50%; right:0; transform:translateY(-50%); z-index:10; transition:all .3s; opacity:0; visibility:hidden;}
#fixed_right>div.tel .txt i { float:left; width:150px; padding:10px 0; background:#e5b25e; text-align:center; position:relative;}
#fixed_right>div.tel .txt i:after { width:0; height:0; content:""; border:transparent 9px solid; border-right:0; border-left:#e5b25e 9px solid; position:absolute; top:50%; right:-9px; transform:translateY(-50%);}
#fixed_right>div.tel:hover .txt { right:60px; opacity:1; visibility:visible;}
#fixed_right>div:hover a { background:#e5b25e;}
#fixed_right>div:hover .name { color:#fff;}
#fixed_right>div:hover .name:before { background-position:-50px -30px;}
#fixed_right>div.qq .name:before { background-position:-80px 0;}
#fixed_right>div.qq:hover .name:before { background-position:-80px -30px;}
#fixed_right>div.weixin .name:before { background-position:-110px 0;}
#fixed_right>div.weixin:hover .name:before { background-position:-110px -30px;}
#fixed_right>div.message .name:before { background-position:-140px 0;}
#fixed_right>div.message:hover .name:before { background-position:-140px -30px;}
#fixed_right>div.gotoTop { opacity:0;}
#fixed_right>div.gotoTop .name:before { background-position:-170px 0;}
#fixed_right>div.gotoTop:hover .name:before { background-position:-170px -30px;}
#fixed_right>div.ewm .img { width:175px; height:170px; background:none; position:absolute; bottom:0; right:70px; transition:all .3s; opacity:0; visibility:hidden;}
#fixed_right>div.ewm .img:before { width:150px; height:150px; content:""; background:#fff url(../images/img_loading.gif) no-repeat center center; background-size:40px; border:#e5b25e 5px solid; position:absolute; bottom:0; left:0; z-index:10;}
#fixed_right>div.ewm .img:after { width:0; height:0; content:""; border-top:transparent 9px solid; border-bottom:transparent 9px solid; border-left:#e5b25e 9px solid; position:absolute; bottom:22px; right:6px; z-index:10;}
#fixed_right>div.ewm .img img { width:150px; height:150px; position:absolute; bottom:-10px; left:-15px; z-index:20;}
#fixed_right>div.ewm:hover .img { right:60px; opacity:1; visibility:visible;}

#fixed_right.open>div { opacity:1; transform:translateX(0); visibility:visible;}
#fixed_right.open>div:nth-child(1) { transition-delay:0ms;}
#fixed_right.open>div:nth-child(2) { transition-delay:60ms;}
#fixed_right.open>div:nth-child(3) { transition-delay:120ms;}
#fixed_right.open>div:nth-child(4) { transition-delay:180ms;}
#fixed_right.open>div:nth-child(5) { transition-delay:240ms;}
#fixed_right.open>div:nth-child(6) { transition-delay:300ms;}
#fixed_right.open>div:nth-child(7) { transition-delay:360ms;}
#fixed_right.open>div:nth-child(8) { transition-delay:420ms;}

/**公共**/
.banner { width:1920px; margin-top:-90px; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .list { width:100%; margin-bottom:0px; position:relative; z-index:10;}
.banner .list li { width:100%; position:relative;}
.banner .list .imgs { width:100%; text-align:center; font:0/0 Arial;}
.banner .list .imgs img { transition:all 0.8s;}
.banner .list .imgs img:hover { transform:scale(1.05);}
.banner .list .text { width:auto; line-height:40px; font-size:36px; font-weight:bold; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:20;}

main { width:calc(100% - 480px); padding:0 240px; position:relative; z-index:110;}
.main_all { width:100%;}
.main_left { width:calc(100% - 410px);}
.main_right { width:340px;}

.main_all_menu { width:100%; height:70px; margin-bottom:70px; position:relative;}

.main_all_menu .menu { width:100%; height:70px; position:relative; z-index:100;}
.main_all_menu .menu:before { width:1920px; height:calc(100% - 1px); content:""; background:#fff; border-bottom:#e8e8e8 1px solid; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main_all_menu .menu li { height:50px; margin:10px 0 10px 15px; position:relative; z-index:10;}
.main_all_menu .menu li:first-child { margin:10px 0;}
.main_all_menu .menu li a { float:left; height:100%; padding:0 35px; line-height:50px; font-size:16px; color:#3e3a39;}
.main_all_menu .menu li a:hover { background:#2c2827; border-radius:25px; color:#fff;}
.main_all_menu .menu li a.active { background:#2c2827; border-radius:25px; color:#fff;}
.main_all_menu .menu.fixed { width:calc(100% - 480px); padding:0 240px; position:fixed; top:0; left:50%; transform:translateX(-50%);}

.main_all_menu .menu .location { height:20px; line-height:20px; font-family:"SimSun"; color:#727171; position:absolute; top:50%; right:0; margin-top:-10px; z-index:20;}
.main_all_menu .menu .location a { height:100%; font-family:"microsoft yahei"; color:#727171; display:inline-block; position:relative;}
.main_all_menu .menu .location a:first-child { padding-left:25px;}
.main_all_menu .menu .location a:first-child:before { width:20px; height:18px; content:""; background:url(../images/base.png) no-repeat -200px 0; position:absolute; top:50%; left:0; margin-top:-11px; transition:all 0.2s;}
.main_all_menu .menu .location a:first-child:hover:before { background-position:-200px -20px;}
.main_all_menu .menu .location a:hover { color:#e5b25e;}
.main_all_menu .menu.fixed .location { right:240px;}

.main_all_menu .menu .search_tongji { height:20px; font-size:14px; position:relative; top:50%; left:0; margin-top:-10px;}
.main_all_menu .menu .search_tongji i { color:#f00;}

.main_right .list_news { width:100%;}
.main_right .list_news li { width:100%; margin-top:15px; background:#f8f7f3; position:relative;}
.main_right .list_news li p { float:left; width:calc(100% - 30px); padding:0 15px; overflow:hidden;}
.main_right .list_news li .img { height:200px;}
.main_right .list_news li .img img { min-height:100%;}
.main_right .list_news li .date { height:20px; margin:10px 0 4px; line-height:20px; font-size:14px; color:#595757;}
.main_right .list_news li .date i { height:100%; padding-left:24px; position:relative;}
.main_right .list_news li .date i:before { width:14px; height:100%; content:""; background:url(../images/base.png) no-repeat 0 -90px; position:absolute; top:50%; left:0; margin-top:-7px;}
.main_right .list_news li .name { margin-bottom:10px; line-height:26px; font-size:16px; color:#3e3a39;}

.main_right .list_news li:hover .img img { transform:scale(1.08);}

.main_right .list_news li.title { height:45px; margin:0 0 15px; background:none; line-height:22px; font-size:24px; font-weight:bold; color:#3e3a39;}
.main_right .list_news li.title:after { width:30px; height:2px; content:""; background:#2c2827; position:absolute; bottom:0; left:0;}

.main_right .list_zhaopin { width:100%;}
.main_right .list_zhaopin li { width:100%; border-bottom:#b5b5b6 1px dotted; position:relative;}
.main_right .list_zhaopin li a { float:left; width:calc(100% - 80px); padding:10px 70px 10px 10px; position:relative;}
.main_right .list_zhaopin li p { float:left; width:100%;}
.main_right .list_zhaopin li .name { margin-bottom:6px; line-height:22px; font-size:16px; color:#3e3a39;}
.main_right .list_zhaopin li .num { line-height:18px; font-size:12px; color:#898989;}
.main_right .list_zhaopin li .view { width:32px; height:32px; background:rgba(229,178,94,0.2); border-radius:100%; position:absolute; top:50%; right:10px; margin-top:-16px;}
.main_right .list_zhaopin li .view:before { width:10px; height:16px; content:""; background:url(../images/base.png) no-repeat -200px -40px; position:absolute; top:50%; left:50%; margin:-8px 0 0 -4px;}

.main_right .list_zhaopin li:nth-child(2) { border-top:#b5b5b6 1px dotted;}
.main_right .list_zhaopin li:nth-child(2n+1) { background:rgba(0,0,0,0.03);}

.main_right .list_zhaopin li:hover .view { background:#e5b25e;}
.main_right .list_zhaopin li:hover .view:before { background-position:-210px -40px;}

.main_right .list_zhaopin li.title { height:45px; padding:0; margin:0 0 30px; background:none; border:0; line-height:22px; font-size:24px; font-weight:bold; color:#3e3a39;}
.main_right .list_zhaopin li.title:after { width:30px; height:2px; content:""; background:#2c2827; position:absolute; bottom:0; left:0;}

/**内容**/
article { width:100%; margin:-7px 0 -7px; line-height:26px; font-size:14px; position:relative;}
article * { max-width:100%; position:relative; z-index:10;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table.noborder:first-child { margin-top:-5px;}
article table.noborder td { padding:5px 0;}
article table.none { border:0;}
article table.none:first-child { margin-top:-5px;}
article table.none td { padding:0; vertical-align:top; border:0;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px;}
article .no { margin-top:0; font:0/0 Arial;}
article .no img { margin:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 120px); height:28px; padding:10px 110px 10px 10px; margin-top:25px; background:rgba(229,178,94,0.1); border-radius:5px; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:26px; line-height:26px; padding:0 10px; margin-left:8px; background:#fff; border:#c9caca 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#e5b25e; border-color:#e5b25e; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:65px; height:28px; background:none; border:0; color:#595757; position:absolute; bottom:10px; right:10px;}
#list .pages .gotoPage em { font-style:normal; background:#fff; position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#e5b25e;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:calc(27px * 6 - 1px); background:#fff; border:#e5b25e 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:26px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover { background:rgba(0,0,0,0.05); color:#e5b25e;}
#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.15); color:#fff;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_photo { width:calc(100% + 20px); margin:-20px 0 0px;}
#list .list_photo li { width:calc(100% / 3 - 20px); margin:20px 20px 0 0;}
#list .list_photo li a { float:left; width:100%; overflow:hidden; position:relative;}
#list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li img { width:100%;}
#list .list_photo li .bg { float:left; font:0/0 arial; position:relative;}
#list .list_photo li .img { height:100%; top:0;}
#list .list_photo li .name { height:0; display:none;}
#list .list_photo li:hover .img img { transform:scale(1.08);}

#list .list_photo.list_hezuo li { width:calc(100% / 4 - 20px);}
#list .list_photo.list_hezuo li:hover { box-shadow:5px 5px 12px rgba(0,0,0,0.3);}
#list .list_photo.list_hezuo li:hover .img img { transform:scale(1.0);}

#list .list_photo.list_case li { width:calc(100% / 2 - 20px);}

#list .list_news { width:100%; margin-top:0; position:relative; z-index:90;}
#list .list_news li { width:100%; height:250px; border-bottom:#9fa0a0 1px dotted; position:relative;}
#list .list_news li a { float:left; width:100%; height:100%; position:relative;}
#list .list_news li a:before { width:calc(100% - 80px); height:100%; content:""; background:#f6f3ef; position:absolute; top:0; right:0; display:none;}
#list .list_news li p { width:calc(100% - 530px); font-size:14px; color:#595757; overflow:hidden; position:absolute; left:390px; z-index:10;}
#list .list_news li .img { width:340px; height:200px; top:25px; left:0;}
#list .list_news li .img img { min-height:100%;}
#list .list_news li .name { height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#3e3a39; top:45px;}
#list .list_news li .info { height:78px; line-height:26px; top:89px;}
#list .list_news li .more { height:16px; line-height:16px; bottom:45px;}
#list .list_news li .more span { float:left; height:100%; margin-left:30px;}
#list .list_news li .more span:first-child { margin:0;}
#list .list_news li .view { width:50px; height:50px; background:#f6f3ef; border-radius:100%; top:50%; left:auto; right:20px; margin-top:-25px;}
#list .list_news li .view:before { width:10px; height:16px; content:""; background:url(../images/base.png) no-repeat -200px -40px; position:absolute; top:50%; left:50%; margin:-8px 0 0 -4px;}
#list .list_news li:hover a:before { display:block;}
#list .list_news li:hover .img img { transform:scale(1.08);}
#list .list_news li:hover .view { background:#e5b25e;}
#list .list_news li:hover .view:before { background-position:-210px -40px;}

#list .list_zhaopin { width:100%; position:relative;}
#list .list_zhaopin li { width:100%; height:69px; border-bottom:#b5b5b6 1px solid; line-height:68px; font-size:16px; position:relative;}
#list .list_zhaopin li p { float:left; height:100%; text-align:center; color:#3e3a39; position:relative;}
#list .list_zhaopin li .name { width:calc(100% - 870px); text-align:left; text-indent:20px;}
#list .list_zhaopin li .num { width:140px;}
#list .list_zhaopin li .city { width:170px;}
#list .list_zhaopin li .date { width:140px;}
#list .list_zhaopin li .email { width:340px;}
#list .list_zhaopin li .view { width:80px;}
#list .list_zhaopin li .view i { width:40px; height:40px; background:#f6f3ef; border-radius:100%; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px;}
#list .list_zhaopin li .view i:before { width:10px; height:16px; content:""; background:url(../images/base.png) no-repeat -200px -40px; position:absolute; top:50%; left:50%; margin:-8px 0 0 -4px;}

#list .list_zhaopin li:hover .view i { background:#e5b25e;}
#list .list_zhaopin li:hover .view i:before { background-position:-210px -40px;}

#list .list_zhaopin li:nth-child(1) { height:66px; margin-bottom:5px; background:#2c2827; border:0; line-height:64px; font-size:20px;}
#list .list_zhaopin li:nth-child(1) p { color:#fff;}
#list .list_zhaopin li:nth-child(1) .name { text-indent:40px;}
#list .list_zhaopin li:nth-child(2) { border-top:#b5b5b6 1px solid;}

#list .msg_form { width:100%; height:420px; background:#eaedef; border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:13px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#c37715;}
#list .msg_form li.user { width:calc((100% - 122px) / 2); background:#fff; top:50px; left:50px;}
#list .msg_form li.tel { width:calc((100% - 122px) / 2); background:#fff; top:50px; right:50px;}
#list .msg_form li.detail { width:calc(100% - 100px); height:180px; background:#fff; top:120px; left:50px;}
#list .msg_form li.submit { width:130px; height:50px; background:#000; border:0; border-radius:5px; text-align:center; line-height:48px; font-size:16px; color:#fff; bottom:50px; left:50%; transform:translate(-50%);}
#list .msg_form li.submit:hover { background:#c37715;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#list .search_news { width:100%; margin-top:-23px; position:relative; z-index:90;}
#list .search_news li { width:100%; padding-bottom:24px; margin-top:22px; border-bottom:#c9caca 1px dotted;}
#list .search_news li p { overflow:hidden; position:relative; z-index:10;}
#list .search_news li .name { margin-bottom:16px; line-height:20px; font-size:16px; white-space:normal;}
#list .search_news li .name a { color:#3a3a3a;}
#list .search_news li .img { float:left; width:128px; height:85px; margin:-3px 15px -10px 0; font:0/0 Arial; overflow:hidden; z-index:20;}
#list .search_news li .img img { min-height:100%; transition:all 0.8s;}
#list .search_news li .info { height:44px; line-height:22px; color:#777;}
#list .search_news li .date { margin-top:18px; line-height:12px; color:#898989;}
#list .search_news li .date span { height:100%; padding-left:21px; display:inline-block; position:relative;}
#list .search_news li .date span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;}
#list .search_news li .date span:first-child { padding:0;}
#list .search_news li .date span:first-child:before { display:none;}

#list .search_news li:hover a { color:#c37715;}
#list .search_news li:hover .imgs img { transform:scale(1.08);}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:100%; height:72px; margin-top:50px; border-top:#c9caca 1px solid; position:relative;}
#detail .pages li { position:absolute;}
#detail .pages .back { width:150px; height:50px; text-align:center; line-height:50px; font-size:14px; bottom:0; left:0;}
#detail .pages .back a { float:left; width:100%; height:100%; background:#e5b25e; border-radius:25px; color:#fff;}
#detail .pages .back i { height:100%; padding-left:30px; display:inline-block; position:relative;}
#detail .pages .back i:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -200px -60px; position:absolute; top:50%; left:0; margin-top:-11px;}
#detail .pages .back a:hover { background:#2c2827;}

#detail .pages .page { width:130px; height:50px; text-align:center; line-height:50px; font-size:14px; bottom:0;}
#detail .pages .prev { right:145px;}
#detail .pages .next { right:0;}
#detail .pages .page a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#595757 1px solid; border-radius:25px; color:#595757;}
#detail .pages .page a:hover { border-color:#e5b25e; color:#e5b25e;}
#detail .pages .page a.none,#detail .pages .page a.none:hover { border-color:#9aa1a5; color:#9aa1a5;}

#detail .pages .bdsharebuttonbox { height:30px; position:absolute; top:-45px; right:0;}
#detail .pages .bdsharebuttonbox i { float:left; height:100%; line-height:30px; font-size:14px; color:#898989;}
#detail .pages .bdsharebuttonbox a { float:left; width:30px; height:100%; padding:0; margin:0 0 0 10px; background:url(../images/base.png) no-repeat -250px 0;}
#detail .pages .bdsharebuttonbox a.bds_qzone { background-position:-220px -30px;}
#detail .pages .bdsharebuttonbox a.bds_tsina { background-position:-250px -30px;}

#detail .view_news_title { width:100%; margin-bottom:40px; border-bottom:#9fa0a0 1px dotted;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%;}
#detail .view_news_title h1 { margin:-7px 0 -3px; line-height:40px; font-size:30px; color:#3e3a39;}
#detail .view_news_title h2 { height:60px; line-height:60px; font-size:14px; color:#595757;}
#detail .view_news_title h2 span { float:left; margin-left:20px; text-transform:none;}
#detail .view_news_title h2 span:first-child { margin:0;}

#detail .view_job_title { width:100%; height:141px; margin-bottom:40px; background:#f6f5f4; position:relative;}
#detail .view_job_title:before { width:100%; height:1px; content:""; background:#c9cacb; position:absolute; top:90px; left:0;}
#detail .view_job_title h1,#detail .view_job_title li { position:absolute;}
#detail .view_job_title h1 { width:100%; text-align:center; line-height:40px; font-size:28px; font-weight:bold; color:#3e3a39; left:0; top:25px;}
#detail .view_job_title li { line-height:20px; font-size:16px; bottom:15px;}
#detail .view_job_title .num { left:20px;}
#detail .view_job_title .city { left:230px;}
#detail .view_job_title .date { right:380px;}
#detail .view_job_title .email { right:20px;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; transition:all 0.3s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

#pop_div .close { width:28px; height:28px; border:#fff 2px solid; cursor:pointer; border-radius:100%; top:-32px; right:-32px;}
#pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat -25px -25px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.5s;}
#pop_div .close:hover { background:rgba(229,178,94,0.5);}
#pop_div .close:hover:before { transform:rotate(180deg);}
#pop_div .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0; cursor:auto; display:none;}
#pop_div .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.4); top:0; left:0; z-index:30; display:none;}
#pop_div .page { width:136px; height:40px; border:#fff 2px solid; border-radius:22px; text-align:center; color:#fff; position:absolute; bottom:-60px;}
#pop_div .page i { height:100%; line-height:40px; font-size:16px; position:relative; display:inline-block;}
#pop_div .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px; display:none;}
#pop_div .page:hover { border-color:#e5b25e; color:#e5b25e;}
#pop_div .page.prev { left:50%; margin-left:-150px;}
#pop_div .page.prev i { padding-left:0;}
#pop_div .page.prev i:before { background-position:-15px -55px; left:0;}
#pop_div .page.prev i:hover:before { background-position:-15px -55px;}
#pop_div .page.prev.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.prev.end i:before { background-position:-35px -55px;}
#pop_div .page.next { right:50%; margin-right:-150px;}
#pop_div .page.next i { padding-right:0;}
#pop_div .page.next i:before { background-position:-26px -70px; right:0;}
#pop_div .page.next:hover i:before { background-position:-26px -70px;}
#pop_div .page.next.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.next.end i:before { background-position:-36px -70px;}

.pop_photo { width:100%; text-align:center; position:absolute; top:50%; left:0; transition:all 0.2s; transform:translateY(-80%); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translateY(-50%); opacity:1; visibility:visible;}
.pop_photo .list { float:none !important; font:0/0 Arial; position:relative; display:inline-block;}
.pop_photo .list img { max-width:900px; max-height:600px; position:relative; z-index:10;}
.pop_photo .list li { position:absolute; cursor:pointer; z-index:20;}

@media (max-width:1680px){
main,
.main_all_menu .menu.fixed,
footer,
#footer { width:calc(100% - 400px); padding:0 200px;}
.main_all_menu .menu.fixed .location,
footer .ewm { right:200px;}
#list .list_zhaopin li .name { width:calc(100% - 830px);}
#list .list_zhaopin li .email { width:300px;}
#detail .view_job_title .num { left:10px;}
#detail .view_job_title .city { left:160px;}
#detail .view_job_title .date { right:320px;}
#detail .view_job_title .email { right:10px;}
}

@media (max-width:1600px){
#detail .view_job_title { height:179px;}
#detail .view_job_title .num { left:20px; bottom:50px;}
#detail .view_job_title .city { left:50%; bottom:50px;}
#detail .view_job_title .date { left:20px; right:auto;}
#detail .view_job_title .email { left:50%; right:auto;}
}

@media (max-width:1500px){
main,
.main_all_menu .menu.fixed,
footer,
#footer { width:calc(100% - 300px); padding:0 150px;}
.main_all_menu .menu.fixed .location,
footer .ewm { right:150px;}
.main_all_menu .menu li a { padding:0 30px;}
}

@media (max-width:1400px){
main,
.main_all_menu .menu.fixed,
footer,
#footer { width:calc(100% - 200px); padding:0 100px;}
.main_all_menu .menu.fixed .location,
footer .ewm { right:100px;}
}